extends layout
block title
    title 档案管理
block content
    .container-fluid
        .row.content-padding(style="background:#FFF;")
            .col-xs-3
                img.center-block.common-img.img-circle.img-responsive(src="#{__IMAGES_ROOT__}/爸爸.png")
            .col-xs-6
                h5.h5.md-font-size #{name} &nbsp;&nbsp;
                    span.glyphicon.glyphicon-edit.pure-gray-color
                p.xs-font-size.pure-gray-color 1963/06/11&nbsp;172cm&nbsp;54kg
                h5.h5.md-font-size 我关心的人-爸爸 &nbsp;&nbsp;
                    i.edit-icon(data-toggle="modal" data-target="#changeInfo")
                p.xs-font-size.pure-gray-color.getInfo
                    span 1963/06/11&nbsp;
                    span 172cm&nbsp;
                    span 54kg
            .col-xs-3.clear-padding
                div.addUser.pull-right
        .row.content-padding.row-box
            .col-xs-4
                a
                    img.center-block.record-img.img-responsive(src="#{__IMAGES_ROOT__}/健康档案-21.png")
            .col-xs-4
                a
                    img.center-block.record-img.img-responsive(src="#{__IMAGES_ROOT__}/健康档案-22.png")
            .col-xs-4
                a
                    img.center-block.record-img.img-responsive(src="#{__IMAGES_ROOT__}/健康档案-23.png")
        .row.row-box
            .col-xs-12.blue-title
                span.md-font-size.pull-left 近期测量
                a.xs-font-size.pure-gray-color.pull-right
                    |查看更多
                    i.more-icon
            .col-xs-12
                table.table.xs-font-size.pure-gray-color.clear-margin-bottom
                    tr(style="border-top-style: hidden;")
                        td
                            span.clock-icon 血糖(晚餐后)
                        td  4.7mmol/L
                        td 今天
                    tr
                        td
                            span.clock-icon
                            | 血压
                        td  118/77mmHg
                        td 今天
                    tr
                        td
                            span.clock-icon
                            | BMI指数
                        td 18.22
                            span.low-icon
                        td 昨天
                    tr
                        td
                            span.clock-icon
                            | BMI指数
                        td  20.03
                        td  昨天
        .row.row-box
            .col-xs-12.blue-title
                span.pull-left.md-font-size 健康计划
                a.xs-font-size.pure-gray-color.pull-right
                    |添加计划
                    i.plus-icon
            .col-xs-3.content-padding
                a
                    img.center-block.img-circle.common-img.img-responsive(src="#{__IMAGES_ROOT__}/健康档案-28.png")
                    p.text-center.pure-gray-color.xs-font-size.clear-margin-bottom 塑身训练
            .col-xs-3.content-padding
                a
                    img.center-block.img-circle.common-img.img-responsive(src="#{__IMAGES_ROOT__}/健康档案-28.png")
                    p.text-center.pure-gray-color.xs-font-size.clear-margin-bottom 蛋白质补充
            .col-xs-3.content-padding
                a
                    img.center-block.img-circle.common-img.img-responsive(src="#{__IMAGES_ROOT__}/健康档案-28.png")
                    p.text-center.pure-gray-color.xs-font-size.clear-margin-bottom 餐后运动
            .col-xs-3.content-padding
                a
                    img.center-block.img-circle.common-img.img-responsive(src="#{__IMAGES_ROOT__}/健康档案-28.png")
                    p.text-center.pure-gray-color.xs-font-size.clear-margin-bottom 保证睡眠
        .row.row-box
            .col-xs-12.blue-title
                span.md-font-size.pull-left 健康服务

            .col-xs-6.clear-padding
                a
                    img.center-block.img-responsive(src="#{__IMAGES_ROOT__}/健康档案-29.png")
            .col-xs-6.clear-padding
                a
                    img.center-block.img-responsive(src="#{__IMAGES_ROOT__}/健康档案-30.png")
    .mask
        .pop-window.text-center
            .triangle
            p 爸爸
            p 自己
            button.btn.btn-info.addNewPerson(type="button")
                |+&nbsp;&nbsp;我关心的人
    #changeInfo.modal.fade.text-center(tabindex='-1', role='dialog', aria-labelledby='exampleModalLabel')
        .modal-dialog(role='document')
            .modal-content(style="width:60%;margin: 10rem auto 0;")
                .modal-header
                    button.close(type='button', data-dismiss='modal', aria-label='Close')
                        span(aria-hidden='true') ×
                    h5#exampleModalLabel.modal-title 请修改信息
                .modal-body
                    form
                        .form-group
                            label.control-label(for='birthday')
                            input#birthday.form-control(type='date')
                        .form-group
                            label.control-label(for='height')
                            input#height.form-control(type='text' onblur="this.type='text'" placeholder="这里输入内容" )
                        .form-group
                            label.control-label(for='weight')
                            input#weight.form-control(type='text')
                .modal-footer
                    button.btn.btn-default(type='button', data-dismiss='modal') 取消
                    button.btn.btn-info(type='button') 确认修改

block page-need-scripts
    script(src="#{__BOWER_ROOT__}/bootstrap/dist/js/bootstrap#{__COMPRESSED_SUFFIX__}.js" type="text/javascript")
    script(src="#{__JS_ROOT__}/index#{__COMPRESSED_SUFFIX__}.js" type="text/javascript")






